diff --git a/tgui/packages/tgui/interfaces/RecyclerInterface.tsx b/tgui/packages/tgui/interfaces/RecyclerInterface.tsx
index f928f95f02..56a8de3077 100644
--- a/tgui/packages/tgui/interfaces/RecyclerInterface.tsx
+++ b/tgui/packages/tgui/interfaces/RecyclerInterface.tsx
@@ -28,7 +28,7 @@ export const RecyclerInterface = (props) => {
             </Stack.Item>
 
             <Stack.Item align="center">
-              <Box as="logo-container" inline>
+              <Box as="recycler-logo-container" inline>
                 <Image src={resolveAsset('logo.png')} />
               </Box>
             </Stack.Item>
@@ -43,7 +43,7 @@ export const RecyclerInterface = (props) => {
             </Box>
             <Stack align="center" direction="Row">
               <Stack.Item>
-                <Box className="image-container" inline>
+                <Box className="recycler-image-container" inline>
                   <Image src={itemIcon.substring(1, itemIcon.length - 1)} />
                 </Box>
               </Stack.Item>
@@ -60,19 +60,29 @@ export const RecyclerInterface = (props) => {
             </Stack>
             <Stack align="left" direction="row" wrap="wrap-reverse">
               <Stack.Item>
-                <Button content="Open the door" onClick={() => act('open')} />
-              </Stack.Item>
-              <Stack.Item>
-                <Button content="Close the door" onClick={() => act('close')} />
+                <Button
+                  className="RecyclerCategoryButton"
+                  content="Open the door"
+                  onClick={() => act('open')}
+                />
               </Stack.Item>
               <Stack.Item>
                 <Button
+                  className="RecyclerCategoryButton"
+                  content="Close the door"
+                  onClick={() => act('close')}
+                />
+              </Stack.Item>
+              <Stack.Item>
+                <Button
+                  className="RecyclerCategoryButton"
                   content="Eject the current item"
                   onClick={() => act('eject')}
                 />
               </Stack.Item>
               <Stack.Item>
                 <Button
+                  className="RecyclerCategoryButton"
                   content="Recycle the current item"
                   onClick={() => act('recycle')}
                 />
diff --git a/tgui/packages/tgui/interfaces/RecyclerVendor/AdCarousel.tsx b/tgui/packages/tgui/interfaces/RecyclerVendor/AdCarousel.tsx
index 15a1dd6a1c..7577b98f64 100644
--- a/tgui/packages/tgui/interfaces/RecyclerVendor/AdCarousel.tsx
+++ b/tgui/packages/tgui/interfaces/RecyclerVendor/AdCarousel.tsx
@@ -5,11 +5,11 @@ export const AdCarousel = () => {
   return (
     <div>
       <Section>
-        <div className="carousel">
-          <div className="carousel-track">
+        <div className="recycler-carousel">
+          <div className="recycler-carousel-track">
             {/* shitty adverts */}
             {adverts.concat(adverts).map((item, index) => (
-              <div key={index} className="carousel-box">
+              <div key={index} className="recycler-carousel-box">
                 {item}
               </div>
             ))}
diff --git a/tgui/packages/tgui/styles/interfaces/Recyclers.scss b/tgui/packages/tgui/styles/interfaces/Recyclers.scss
index 9c61ea466b..02e7a1258e 100644
--- a/tgui/packages/tgui/styles/interfaces/Recyclers.scss
+++ b/tgui/packages/tgui/styles/interfaces/Recyclers.scss
@@ -29,7 +29,7 @@
   display: inline-block;
   font-weight: bold;
   font-family: 'Comic Sans MS';
-  animation: bounce 0.5s infinite;
+  animation: recycler-ad-bounce 0.5s infinite;
   transform: rotate(30deg);
   margin-right: 10px;
   margin-top: 10px;
@@ -41,12 +41,10 @@
 .RecyclerCategoryButton {
   font-family: 'VT323';
   font-size: 1.2em;
-}
-.Button {
   margin-top: 10px;
 }
 
-@keyframes bounce {
+@keyframes recycler-ad-bounce {
   0%,
   100% {
     transform: scale(0.95) rotate(3deg);
@@ -72,19 +70,19 @@
   text-shadow: 0px 0px 5px #000;
 }
 
-.carousel {
+.recycler-carousel {
   display: flex;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
 }
 
-.carousel-track {
+.recycler-carousel-track {
   display: flex;
-  animation: slide 220s linear infinite;
+  animation: recycler-slide 220s linear infinite;
 }
 
-.carousel-box {
+.recycler-carousel-box {
   display: inline-block;
   width: auto;
   height: 40px;
@@ -96,7 +94,7 @@
   line-height: 40px;
 }
 
-@keyframes slide {
+@keyframes recycler-slide {
   0% {
     transform: translateX(0);
   }
@@ -105,7 +103,7 @@
   }
 }
 
-.image-container {
+.recycler-image-container {
   width: 101px;
   height: 101px;
   overflow: hidden;